<template>
	<div >
		<h2>技能标签 :</h2>
	  <div class='wrap'>
	  
	    	<a class="item" v-for="(item, index) in skills">{{item}}</a>

	  </div>
  	</div>
  	
</template>

<script>
import { formatTime } from '@/utils/index'
import card from '@/components/card'

export default {
  components: {
    card
  },

  data () {
    return {
      skills:["html+css","javaScript","html5+css3","jQuery","Bootstrap","layui","baiduTemplate","vue","vue-router",'axios',"vuex","小程序",'mpvue','git','vux','iview','php','mysql','three.js']
    }
  },

  created () {
    const logs = (wx.getStorageSync('logs') || [])
    this.logs = logs.map(log => formatTime(new Date(log)))
  }
}
</script>

<style>
	h2{margin-left: 5px; margin-top: 20px;}
	.wrap{margin-top:5%;display: flex;flex-direction: row; justify-content: space-between;
	flex-wrap:wrap;
	}
.item{background:silver; padding: 8px;border-radius: 20px;margin: 8px;}
</style>
